Scrapbox のアイコンを使い回す
前提
出来れば同じデザインのアイコンで揃えたい
Scrapbox で使われているアイコンの原典を探せ
ソースコードの解析
HTMLにはこう書いてある（アイコン部分のみ抜粋）
code:html
<i class="kamon kamon-info-circle"></i>
<i class="kamon kamon-document"></i>
<i class="kamon kamon-switch"></i>
正式なHTMLではないが、CSSを使ってiタグを擬似的にアイコンを示すタグとして利用しているらしい
woff / woff2 というファイルはどうもWebフォントのファイルだそうだ フォントファイルの中身が見たい
FontDrop!とかいうブラウザ上でフォントファイル放り込むだけで中身を見れる超優秀サイトがあった woff2 には対応していなかったので woff の方をぶちこむ
こんな感じに中身を見れた
https://gyazo.com/2adfdce747fe2e1f7fd3f09caa168ddf
メニューに使う
それに対してこちらはアイコンフォントなのでそのままでは使うことは出来ない
他の方法
追加したメニューやメニューアイテムは aタグの要素となり、id に title に指定した文字列が入る
なので UserCSS でその部分にフォントアイコン用の設定をするということらしい